<template>
		<view class="ticketTip" :style="'bottom:14'  + 'px;left:' + (screenWidth/4.5) + 'px;'">
			<view class="close" @click="closeTicket()">
				<view class="iconfont icon-guanbi"></view>
			</view>
			<text class="iconfont icon-gonggao" style="color: #EEC900;"></text>
			<text>【淘宝隐藏优惠券】</text>
			<text class="critle" :style="'left:' + (screenWidth/8) + 'px;'"></text>
		</view>
</template>

<script>
	export default {
		name:"tickTip",
		data() {
			return {
				screenWidth: 0,//屏幕宽度
				statusBarHeight: 0, 
			};
		},
		created() {
			this.statusBarHeight = wx.getSystemInfoSync().statusBarHeight;
			this.screenWidth = wx.getSystemInfoSync().screenWidth;
		},
		methods: {
			closeTicket(){
				this.$emit('closeTicket')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ticketTip {
		padding: 30rpx;
		padding-right: 40rpx;
		border-radius: 10rpx;
		background: rgba(0, 0, 0, 0.4);
		position: fixed;
		font-size: 26rpx;
		color: #fff;
		text-align: center;
		// margin-bottom: 25rpx;
		.close {
			z-index: 100;
			position: absolute;
			right: 6rpx;
			top: 10rpx;
			width: 35rpx;
			height: 35rpx;
			border-radius: 50%;
			background-color: pink;
			position: absolute;
			background: rgba(0, 0, 0, 0.3);
			line-height: 35rpx;
			text-align: center;
		
			.iconfont {
				font-size: 24rpx;
				font-weight: 700;
				color: #E5E5E5;
			}
		}
		.critle {
			position: absolute;
			border: 20rpx solid  rgba(0, 0, 0, 0.4);
			border-right: 20rpx solid transparent;
			border-left: 20rpx solid transparent;
			border-bottom: 20rpx solid transparent;
			top: 96rpx;
			// left: 40rpx;
		}
		
	}

</style>
